import React from 'react';
import { Link } from 'umi';
import { Tooltip } from 'antd';
import {
  TagOutlined,
  CloudUploadOutlined,
  SettingOutlined,
} from '@ant-design/icons';
export default function BookItem() {
  return (
    <div className="w140">
      <div className="relative w140 bd1" style={{ height: 196 }}>
        <img src="https://fakeimg.pl/140x196/4D76C1/FFF/" alt="" />
        <div className="absolute bottom-0 right-0 flex fsz18 white">
          <Tooltip title="编辑">
            <Link to="/module-cfg?id=123456">
              <SettingOutlined key="setting" className="p10 pointer" />
            </Link>
          </Tooltip>
          <Tooltip title="版本">
            <TagOutlined key="version" className="p10 pointer" />
          </Tooltip>
          <Tooltip title="同步">
            <CloudUploadOutlined key="upload" className="p10 pointer" />
          </Tooltip>
        </div>
      </div>
      <div className="tc pt12 text-color-secondary">思想政治必修1</div>
    </div>
  );
}
